<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文章列表--layui后台管理模板 2.0</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/public.css" media="all" />
</head>
<body class="childrenBody">
	
<div id="chart" style="height: 200px" ></div>
<form class="layui-form layui-row layui-col-space10" lay-filter="bookinfopage">
	<blockquote class="layui-elem-quote title"><i class="seraph icon-caidan"></i> 小说信息修改</blockquote>
	<div class="layui-col-md12 layui-col-xs12">
		<div class="layui-row layui-col-space10">
			<div class="layui-col-md9 layui-col-xs7">
				<input type="hidden" class="id" />
				<div class="layui-form-item magt3">
					<label class="layui-form-label">小说id</label>
					<div class="layui-input-block">
						<input   type="text" class="layui-input novelId" lay-verify="novelId" placeholder="请输入小说Id">
					</div>
				</div>
				<div class="layui-form-item magt3">
					<label class="layui-form-label">书名</label>
					<div class="layui-input-block">
						<input type="text" class="layui-input bookName" lay-verify="bookName" placeholder="请输入书名">
					</div>
				</div>
				<div class="layui-form-item layui-row layui-col-xs12">
					<label class="layui-form-label">类型</label>
					<div class="layui-input-block pcheckbox">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">作者</label>
					<div class="layui-input-block">
						<input type="text"   class="layui-input author" lay-verify="author" placeholder="作者" disabled/>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">封面地址</label>
					<div class="layui-input-block">
						<input type="text"    class="layui-input cover" lay-verify="cover" placeholder="请输入封面地址"/>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">收藏人数</label>
					<div class="layui-input-block">
						<input type="number"  class="layui-input collectionNumber" lay-verify="collectionNumber" />
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">人气</label>
					<div class="layui-input-block">
						<input type="number"  class="layui-input sentiment" lay-verify="sentiment" />
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">简介</label>
					<div class="layui-input-block">
						<textarea placeholder="请输入简介" class="layui-textarea introduce"></textarea>
					</div>
				</div>
			</div>
			<div class="layui-col-md3 layui-col-xs5">
				<img class="layui-upload-img thumbImg" src="../../images/userface1.jpg"  style="width: 80%;">
			</div>
			<div class="layui-col-md3 layui-col-xs5">
				<a 	class="layui-btn layui-btn-lg layui-btn-normal save_btn"  lay-submit  style="width: 80%;" lay-filter="save_book"><i class="layui-icon">&#xe621;</i>保存</a>				
			</div>
	
		</div>
		
	</div>
	<div class="layui-col-md12 layui-col-xs12 ">
		<blockquote class="layui-elem-quote title"><i class="seraph icon-caidan"></i> 章 节</blockquote>
		<div class="border category" >
			<ul class="flow-default" id="LAY_demo1"  style="margin-top: 20px;">
				
			</ul>
		</div>
		<blockquote class="layui-elem-quote title magt10"><i class="layui-icon">&#xe609;</i> 操 作</blockquote>
		<div class="border">
			<div class="layui-form-item">
				<label class="layui-form-label"><i class="layui-icon">&#xe60e;</i> 搜 索</label>
				<div class="layui-inline">
					<div class="layui-input-inline">
						<input type="text" class="layui-input searchVal" placeholder="请输入搜索的内容" />
					</div>
					<a class="layui-btn search_btn" data-type="reload">搜索</a>
				</div>
			</div>
	
			<div class="layui-form-item" id="booktable">
				
				<fieldset class="layui-elem-field layui-field-title">
				  <legend>当前章节信息</legend>
				  <div class="layui-field-box">
					  <a name="tips"></a>
						<table class="layui-table" lay-even lay-skin="row" lay-size="sm">
							  <thead>
								<tr>
								  <th>全局编号</th>
								  <th>编号</th>
								  <th>小说名称</th>
								  <th>作者</th>
								  <th>章节名称</th>
								  <th>字数</th>
								</tr> 
							  </thead>
							  <tbody>
								<tr>
								   <td>{{cid}}</td>
								  <td>{{id}}</td>
								  <td>{{bookName}}</td>
								  <td>{{bookauthor}}</td>
								  <td>{{charptTitle}}</td>
								  <td>{{cnum}}</td>
								</tr>
						
							  </tbody>
						</table>
				  </div>
				</fieldset>
				<fieldset class="layui-elem-field layui-field-title">
				  <legend>可修改区域</legend>
				  <form >
					  <div class="layui-form-item">
					  	<input type="<text></text>"  class="layui-input" v-model="charptTitle" />
					  </div>
					  <div class="layui-form-item">
					  	<textarea placeholder="请输入章节"  class="layui-textarea" style="width: 100%;height: 200px;"  v-model="content"></textarea>
					  </div>
				  </form>
				</fieldset>
			</div>
			
			<hr class="layui-bg-gray">
			<div class="layui-form-item layui-right" >
				<div class="layui-btn-group">
				  <a class="layui-btn layui-bg-gray manual_btn"><i class="layui-icon">&#xe654;</i>手动添加</a>
				  <a class="layui-btn layui-bg-cyan add_btn"><i class="layui-icon">&#xe608;</i>程序添加</a>
				  <a class="layui-btn layui-bg-blue updata_btn"><i class="layui-icon">&#xe67c;</i>更新最新章节</a>
				  <a class="layui-btn layui-btn-warm edit_btn"><i class="layui-icon">&#xe642;</i>保存</a>
				  <a class="layui-btn layui-btn-danger  delete_btn"><i class="layui-icon">&#xe640;</i>删除</a>
				</div>
			</div>
			
	</div>
</form>
<script type="text/javascript" src="../../js/vue.js"></script>
<script type="text/javascript" src="../../js/vue-resource.js"></script>
<script type="text/javascript" src="../../js/vue-interceptors.js"></script>
<script type="text/javascript" src="../../js/echarts.min.js"></script>
<script type="text/javascript" src="../../layui/layui.js"></script>
<script type="text/javascript" src="bookinfo.js"></script>
</body>
</html>